<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://cdn.staticfile.org/cesium/1.69.0/Widgets/widgets.css">
    <link rel="stylesheet" href="../css//index.css">
</head>

<body>
    <div id=cesiumContainer></div>
    <script src="http://cdn.staticfile.org/cesium/1.69.0/Cesium.js"></script>
    <script src="../libs/cpc/index.js"></script>
    <script>
        const map = new cpc.Map({
            container: "cesiumContainer",
            camera: {
                position: {
                    x: 119.3006147,
                    y: 26.0316619,
                    z: 4809,
                },
                angle: {
                    heading: 7.33,
                    pitch: -72.53,
                    roll: 0,
                },
                duration: 3,
                complete: () => {
                    console.log("飞行结束了");
                }
            },
            baseMaps: [
                "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
            ],
            cesium: {
                //上方
                geocoder: true, //查询按钮-还要修改--https://www.haomeiwen.com/subject/cizbmhtx.html
                navigationHelpButton: true, //帮助按钮
                navigationInstructionsInitiallyVisible: true, //帮助按钮，初始化的时候是否展开
                homeButton: true, //Home按钮
                sceneModePicker: true, //是否显示3D/2D选择器baseLayerPicker

                //下方
                animation: false, //是否创建动画小器件，左下角仪表
                timeline: false, //是否显示时间轴
                fullscreenButton: false, //是否显示全屏按钮
                fullscreenElement: document.body, //全屏时渲染的HTML元素,

                //其它
                infoBox: false, //是否显示信息框
                selectionIndicator: false, //是否显示选取指示器组件
                baseLayerPicker: false, //是否显示图层选择器
                // scene3DOnly: true,//如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源
                showRenderLoopErrors: false, //如果设为true，将在一个HTML面板中显示错误信息
                resolutionScale: 1, //获取或设置渲染分辨率的缩放比例。小于1.0的值可以改善性能较差的设备上的性能，而大于1.0的值将以更高的分辨率渲染，然后缩小比例，从而提高视觉保真度。例如，如果将小部件以640x480的大小进行布局，则将该值设置为0.5将导致场景以320x240渲染，然后放大；而将其设置为2.0将导致场景以1280x960渲染，然后缩放下。

                //底图设置
                imageryProvider:
                    "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
            },
            viewPort: {
                copyright: false, //是否显示版权
                switch23DDuration: 0, //23D 切换动画时长，0：无动画
                debugShowFramesPerSecond: true, //帧率是否显示
            },
            terrain: {},
            navigation: {
                defaultResetView: Cesium.Rectangle.fromDegrees(80, 22, 130, 50),//用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
                enableCompass: true,//用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。
                enableCompassOuterRing: true,//// 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。
                enableZoomControls: true,//用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。
                enableDistanceLegend: true,//用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。
            }
        });
    </script>
</body>

</html>